// component/message/message.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    text: {
      type: String,
    },
    type:{
      type:String,
      value:'default'
    }
  },
  observers: {
    'text': function(text) {
      if (text.length) {
        if (this.data.timer) this.data.timer=clearTimeout(this.data.timer)
        this.data.timer=setTimeout(()=>{
          this.setData({
            display:false,
          })
        },3000)
        this.setData({
          display:true,
        })
      }else{
        this.setData({
          display:false
        })
      }
    },
    'type':function(type){
      let color ='#339f6d'
      switch(type){
        case 'warning':
          color='yellow';
          break;
        case 'wrong':
          color='red'
          break;
        case 'default':
        default:
          color ='#339f6d'
      }
      this.setData({
        color
      })
    }
  },
  /**
   * 组件的初始数据
   */
  data: {
    display: false,
    timer: null,
    color:'#339f6d'
  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})